<!-- xiaomu封装的组件：每页的标题 -->
<template>
  <div class="mu-base-title">{{ title }}</div>
</template>

<script setup lang="ts">
defineProps(['title']);
</script>

<style scoped>
.mu-base-title {
  display: flex;
  align-items: center;

  margin-bottom: 20px;

  font-size: 18px;
  color: #333;
}

.mu-base-title::before {
  content: '';

  width: 6px;
  height: 22px;

  border-radius: 10px;

  margin-right: 10px;

  background-color: var(--el-color-primary);
}
</style>